html, body {
        
        color: white;
        width: 100%;
        /*height: 100%;*/
        margin: 0%;
        padding: 0%;
        background-color: black;
        font-family: Arimo, sans-serif;
}

@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Ubuntu-Regular.ttf');
}
@font-face {
    font-family: 'Arimo';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/Arimo-Regular.ttf');
}
/*INICIO ESTILOS GENERALES*/
#todo {
        width: 100%;
        height:100%;    
        overflow: hidden;
       	background: -moz-linear-gradient(-45deg,  #222e50 0%, #233855 24%, #0a050d 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#222e50), color-stop(24%,#233855), color-stop(100%,#0a050d)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg,  #222e50 0%,#233855 24%,#0a050d 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg,  #222e50 0%,#233855 24%,#0a050d 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg,  #222e50 0%,#233855 24%,#0a050d 100%); /* IE10+ */
		background: linear-gradient(135deg,  #222e50 0%,#233855 24%,#0a050d 100%); /* W3C */
        
}
#cabecera {     
        width: 100%;                    
}

#logo {
        margin-top: 15px;
        left: 75px;     
        width: 2em;
        height: auto;   
        min-width: 40%;
        min-height: 40%;
        margin-right: auto;
        margin-left: auto;
                
}
#logo img {
        max-width: 70%;
        max-height: 70%;
        min-width: 60%;
        min-height:60%;        
}

#menu {
        left: 75px;
        width:90%;
        height: 30%;
        margin-top: 10px;    
        
}
#menu ul li {
        display: inline-block;
        display: none;
}


button {
   border: 1px solid #ed6868;
   background: #690d22;
   background: -webkit-gradient(linear, left top, left bottom, from(#ad0e0e), to(#690d22));
   background: -webkit-linear-gradient(top, #ad0e0e, #690d22);
   background: -moz-linear-gradient(top, #ad0e0e, #690d22);
   background: -ms-linear-gradient(top, #ad0e0e, #690d22);
   background: -o-linear-gradient(top, #ad0e0e, #690d22);
   padding: 5.5px 18px;
   -webkit-border-radius: 14px;
   border-radius: 14px;
   border-radius: 14px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 22px;
   font-family: Ubuntu, serif;
   text-decoration: none;
   vertical-align: middle;
}

button:hover {
   border-top-color: #d43f3f;
   background: #d43f3f;
   color: #ccc;
}

#cuerpo {        
        width: 100%;
        height: 60%;         
}
/*FIN ESTILOS GENERALES*/

/*ESTILOS INICIO*/
#cuerpo1 {
	margin-top: 20px;
	margin-left: 7%;
	margin-right: auto;
	height:100%;	
	width: 80%;	
	float: left;	
	font-size: 1em;	
	padding-left:2%;	
	padding-right:2%;
	background-color:#C0C0C0;
	border-radius: 15px;
	border: 2px solid gray;
	box-shadow: black 0 2px 0;
	color:black;	
}
#cuerpo2 {
        display: none;  
}
#cuerpo1 table{
	padding:2px;	
}

.noticias {	
	height:100%;	
}

#li1 a{
        text-decoration: none;
        color: white;
}
#slider{
	display:none;
}
/*FIN ESTILOS INICIO*/


/*INICIO ESTILOS CARTELERA*/
#peliculas{
	width: 85%;	
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;	
}

#peliculas .peliculasnombres{	
	background-color:#C0C0C0;
	border-radius:15px;
	margin-top:15px;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
	color:black;
	box-shadow:2px 1px 2px black;
}
#imagen_pelicula{
	display:none;
}

#peliculas .peliculavacia{
	display: none;
}

#peliculas .peliculaactiva{
	
}
#datos_lista{
	margin-left:5%;	
}

#boton_pelicula a{
	text-decoration: none;	
	background-color: #b01c20;
	border-radius: 5px;
	color: #ffffff;
	padding: 6%;
	float:left;
	background: linear-gradient(0deg, #b01c20 0%, #f15c60 100%);
	text-shadow: 0px 1px black;
	box-shadow: black 2px 2px 2px;
	-moz-transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;	
	margin-left:auto;
	margin-right:auto;
		
}
#boton_pelicula a:hover{
	color: #FFFFFF;
	text-shadow: 2px 2px black;
	background: -moz-linear-gradient(top, #6d1116 0%, #a03e40 100%);
	background: -webkit-linear-gradient(0deg, #b01c20 0%, #f15c60 100%);
	background: -webkit-linear-gradient(-45deg,  #222e50 0%, #233855 24%, #0a050d 100%);
	border-radius:5px;
	box-shadow:2px 1px 2px black;	
	margin-left:auto;
	margin-right:auto;
	
}

#rating_pelicula{
	display: none;
}
#cuerpo3 {
        display: none;  
}
/* FIN ESTILOS CARTELERA*/

/* INICIO ESTILOS LOGIN Y REGISTRO*/
#cuerpo1_usuarios {
	margin-top: 20px;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 2%;
    width: 90%;
    height: 100%;
    font-size: 1em; 
}
#cuerpo1_usuarios a{
	text-decoration: none;
	color: black;
}
#cuerpo1_usuarios form{
	padding-top:5%;
	padding-left:5%;
	padding-bottom:5%;
	background-color:#C0C0C0;
	border-radius: 15px;
	border: 2px solid gray;
	margin-top: 20px;
	box-shadow: black 0 2px 0;
	color:black;			
}
#login_usuarios input[type=text], #login_usuarios input[type=password] {
        width: 90%;             
}
#cuerpo1_registro{
	margin-top: 20px;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 2%;
    width: 90%;
    height: 100%;
    font-size: 1em;    
}
#cuerpo1_registro form{
	padding-top:2%;
	padding-left:2%;
	padding-bottom:2%;
	background-color:#C0C0C0;
	border-radius: 15px;
	border: 2px solid gray;
	box-shadow: black 0 2px 0;
	color:black;			
}
#form_registro input[type=text], #form_registro input[type=password] {
	width: 90%;
}

.correcto {	
	padding:2%;	
	background-color:#BED57D;
	border-radius:5px;
	box-shadow: black 2px 2px 2px;
}
.incorrecto {	
	padding:2%;	
	background-color:#CE6B6B;
	border-radius:5px;
	box-shadow: black 2px 2px 2px;
}
#nick_ajax, #email_ajax, #pass2_ajax{
	margin-right:5%;
	width:100%;
	font-size:15px;
}

/* FIN ESTILOS LOGIN Y REGISTRO*/

/*ESTILOS INFORMACION*/
#cuerpo2gm{
	display:none;	
}
#cuerpo1info{
	margin-top: 10%;
	margin-left: 8%;
	margin-right: 8%;
	width: 80%;
	height: 100%;
	float: left;	
	font-size: 1em;	
	padding-left:2%;	
	padding-right:2%;
	background-color:#C0C0C0;
	border-radius: 15px;
	border: 2px solid gray;
	margin-top: 20px;
	box-shadow: black 2px 2px 2px;
	color:black;	
}	

#cuerpo1info img{
	margin-top: 20px;
	margin-bottom:20px;
	width:100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	min-width: 50%;
	min-height: 50%;
	border-radius: 3px;
}

#dirgm a{ 
	text-decoration:none;
}

/*FIN ESTILOS INFORMACION*/

/*ESTILOS FOOTER*/
#footer {
        width: 100%;
        height: 10%;    
        font-size: 1.1em;
        float:left;            
}

hr {    
        width:80%;
        color: #C0C0C0;
}

#footer1{       
        display: none;  
}
#login_all{
	    display: none;
}
/*FIN ESTILOS FOOTER*/